*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
body{
	background-color: black;
	padding: 0;
	margin: 0;
	font-family: '微软雅黑','黑体','宋体','楷体'
}

#container{
	width: 980px;
	background-color: #fff;
	margin: 0 auto;
	padding: 0 44px;
}
header{
	border-bottom: 2px solid #938e8c;
	position: relative;
}
header #block{
	width: 110px;
	height: 61px;
	background-color: #ED2B2F;
}
header #ife{
	position: absolute;
	bottom: 0px;
	color: #fff;
	font-size: 12px;
	margin: 0 0 5px 8px;
}
header #date{
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 12px;
	color: #d45d5c;
	margin-bottom: 5px;
}



div .up{
	margin: 30px 0 ;
	position: relative;
}
.up-img{
	width: 640px;
	position: relative;
}
.up-img .img-l{
	width: 190px;
	height:300px;
	background-color: #75b86b;
	opacity: 0.3;
	position: absolute;
	top: 0;
}
.up-img .img-r{
	width: 190px;
	height: 300px;
	background-color: #d45d5c;
	opacity: 0.3;
	position: absolute;
	top: 0;
	right: 0;
}

.up aside{
	border-top: 2px solid #cc8091;
	width: 203px;
	position: absolute;
	right: 0;
	top: 0;
}
.up aside .about{
	margin: 0;
	font-size: 24px;
	word-spacing: 40px;
	text-decoration: underline;
	font-variant:small-caps;
}
.up .para{
	font-size: 12px;
	color: #676767;
	word-spacing: 1px;
	font-family: '楷体';
}
.up .seven{
	font-size: 100px;
	font-style: italic;
	color: #75b86b;
}
.up .three{
	display: inline-block;
	font-size: 55px;
	color: #cc8091;
}
.up .thr{
	display: inline-block;
}
.thr-1{
	font-size: 21px;
	color: #cc8091;
}
.thr-2{
	font-size: 12px;
	color: #cc8091;
}

.up article section{
	width: 200px;
	height: 167px;
	float: left;
	margin-top: 30px;
	margin-bottom: 50px;
}
.up article section h3{
	margin: 0;
	text-decoration: underline;
	font-size: 16px;
}
.when{
	margin: 0 40px;
}
.what h3{
	color: #418c59;
}
.when h3{
	color: #d2994f;
}
.how h3{
	color: #cc7680;
}
.up article section p{
	font-size: 12px;
	margin: 5px 0 ;
}
.what p{
	color: #767777;
	font-family: '宋体';
}
.when p{
	color: #231815;
	opacity: 0.7;
}
.how p{
	color: #cd4a48;
	opacity: 0.7;
}
.percent{
	margin-bottom: 20px !important;
}

.down{
	margin-bottom: 30px;
}
.down-left{
	width: 415px;
	float: left;
}
.down-left .title{
	padding-bottom: 10px;
	border-bottom: 2px solid #11456b;
	font-family: '黑体';
}
.down-left .the{
	font-size: 72px;
	color: #f5e327;
	font-style: italic;
}
.down-left .front{
	font-size: 42px;
	color: #11456b;
	margin-left: 20px;
}
.down-left .title h2{
	font-size: 33px;
	color: #11456b;
}
.down-left .qian{
	display: inline-block;
	font-size: 70px;
	color: #f5e327;
	font-family: '微软雅黑';
	float: left;
	margin: -8px 9px 0 0;
}
.down-left .para{
	margin-top: 20px;
}
.para .para-span{
	font-size: 12px;
	color: #767777;
	text-indent: 0;
}
.para p{
	text-indent: 2em;
	font-size: 12px;
	color: #767777;
}
.para img{
	float: right;
	margin: 15px 0 0px 15px;
}
.down-right{
	float: left;
	width: 458px;
	margin-left: 19px;
	margin-top: 11px;
	margin-bottom: 30px;
}
.down-right-up{
	height: 257px;
	position: relative;
	margin-bottom: 20px;
}
.down-right .opa{
	background-color: #767777;
	width: 458px;
	height: 61px;
	opacity: 0.4;
	position: absolute;
	bottom: 0;
}
.down-right .img3-title{
	position: absolute;
	bottom: 0;
  margin-bottom: 9px;
}
.down-right .img3-title p{
	height: 44px;
	padding-left: 10px;
	margin-left: 40px;
	border-left: 3px solid #72b16a;
	font-size: 26px;
	color: #fff;
}
.down-right .img3-title span{
	font-size: 12px;
	color: #72b16a;
	font-style: italic;
}

.down-right-down{
	width: 459px;
	height: 318px;
	background-color: #eeedd6;
	padding: 20px;
	position: relative;
}
.down-right-down .triangle{
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 10px solid #000;
	margin-right: 10px;
}
.down-right-down li{
	list-style: none;
	color: #5a5b5b;
	font-family: '宋体';
	text-align: left;
	margin-bottom: 20px;
}
.down-right-down li .small{
	font-size: 12px;
	color: #5a5b5b;
	font-style: italic;
}
.last .last-left{
	width: 260px;
	height: 160px;
}
.last .backgroud{
	width: 260px;
	height: 160px;
	background-color: #ED2B2F;
	position: absolute;
	left: 0;
	bottom: 0;
}
.last .last-left div{
	color: #fff;
	float: left;
	position: absolute;
	bottom: 0;
}
.last .last-left .zero{
	display: inline-block;
	font-size: 110px;
	color: #fff;
	position: absolute;
	bottom: 7px;
}
.last .last-left .num{
	display: inline-block;
	color: #fff;
	position: absolute;
	left: 70px;
	bottom: 35px;
	border-left: 2px solid #fff;
	padding-left: 12px;
}
.num-1{
	width: 152px;
	margin-bottom: 10px;
	font: 21px '黑体';
	font-style: italic;
}
.num-2{
	font: 12px '黑体';
}

.last .last-right{
  width: 170px;
  position: absolute;
  bottom: 20px;
  right: 14px;
}
.last .last-right .yinhao{
	display: inline-block;
	font: 72px '黑体';
	color: #d45d5c;
	height: 30px;
}
.yin-left{
	float: left;
	margin-left: -40px;
  margin-right: 10px;
	margin-top: -18px;
}
.yin-right{
	float: right;
  margin-right: -30px;
  margin-top: -20px;
  margin-bottom: 20px;
}
.last .last-right p{
	font:14px '黑体';
	color: #5a5b5b;
	font-style: italic;
}


footer{
	clear: both;
	border-top: 1px solid #938e8c;
	height: 50px;
	position: relative;
}
footer #com{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	color: #d45d5c;
}
